/*角标*/

.tag-wrap {
    position: relative;
    width: 160px;
    height: 90px;
    background-color: #eee;
}

.tag-right-bottom:before {
    position: absolute;
    bottom: 0;
    right: 0;
}

.tag-left-top:before {
    position: absolute;
    left: 0;
    top: 0;
}

.tag-right-top:before {
    position: absolute;
    top: 0;
    right: 0;
}

.tagafter-right-bottom:after {
    position: absolute;
    bottom: 0;
    right: 0;
}

.tagafter-left-top:after {
    position: absolute;
    left: 0;
    top: 0;
}

.tagafter-right-top:after {
    position: absolute;
    top: 0;
    right: 0;
}

.tag-svip,
.tag-vip {
    font-size: 32px;
    border-radius: 2px;
    &:before {
        font-family: "iconfont" !important;
        content: "\e613";
        width: 28px;
        height: 14px;
        line-height: 14px;
        padding: 0 2px;
        text-align: center;
        color: #b7440e;
        background-color: #ffd400;
    }
}

.tag-vip {
    &:before {
        content: '\e612';
        color: #fff;
        background-color: red;
    }
}

.tag-free,
.tag-freelimit,
.tag-last,
.tag-limit,
.tag-act,
.tag-xy {
    font-size: 12px;
    border-radius: 2px;
    &:before {
        content: '免费';
        width: 28px;
        padding: 0 2px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        background-color: #5fb336;
    }
}

.tag-freelimit {
    &:before {
        content: '限免';
        background-color: #18b4ed;
    }
}

.tag-last {
    &:before {
        content: '绝版';
        background-color: #8f6adb;
    }
}

.tag-limit {
    &:before {
        content: '限量';
        background-color: #3385e6;
    }
}

.tag-act {
    &:before {
        content: '活动';
        background-color: #00c795;
    }
}

.tag-xy {
    &:before {
        content: '星影';
        background-color: #d7ba42;
    }
}

.tag-hot,
.tag-pop-hot,
.tag-new,
.tag-pop-new {
    font-size: 12px;
    &:before {
        font-family: "iconfont" !important;
        content: "\e60d";
        display: inline-block;
        width: 32px;
        height: 20px;
        line-height: 20px;
        font-size: 30px;
        color: #ff7200;
    }
    &:after {
        content: '热';
        position: absolute;
        text-align: center;
        width: 24px;
        line-height: 20px;
        color: #fff;
    }
    &.tag-hot-sm,
    &.tag-new-sm {
        &:before {
            content: "\e60e"
        }
    }
}

.tag-pop-hot,
.tag-pop-new {
    &:before {
        content: "\e60f";
        left: -10px;
        top: 1px;
    }
    &:after {
        left: -6px;
    }
}

.tag-new,
.tag-pop-new {
    &:after {
        content: '新';
    }
    &:before {
        color: red;
    }
}

.tag-selected {
    width: 26px;
    height: 26px;
    line-height: 26px;
    &:before {
        font-family: iconfont!important;
        content: '\e601';
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 32px;
        color: #18b4ed;
    }
}

.tag-used,
.tag-overdue {
    font-size: 12px;
    text-align: center;
    &:after {
        content: '已使用';
        display: inline-block;
        width: 50px;
        height: 20px;
        line-height: 20px;
        background-color: #f60;
        color: #fff;
    }
}

.tag-overdue {
    &:after {
        content: '已过期';
        background-color: #999;
    }
}
